import Vue from 'vue'
import App from './App.vue'
import router from './router/index.js'
import axios from 'axios';
// import Vueaxios from 'vue-axios';

import global_ from './config';

Vue.config.productionTip = false
/**
 * 这两部分不能够写在 new Vue 后面
 * 否则会出现下述问题
 *   在一个组件中的 mounted 函数中访问 this.GLOBAL
 *   通过其他页面进入该页面能够正常访问
 *   但是在当前页面刷新之后就访问不到了
 *   不过 this.__proto__.__proto__ 是能够访问到的
 *   并且其所有的属性都能访问到
 *   除了在这里挂在的 GLOBAL 和 axios
 * 所以我怀疑是没有挂载上，于是就在创建对象之前挂载
 * 但是为什么这样能解决问题呢？难道每次都会按照这个顺序创建对象？
 */
Vue.prototype.GLOBAL = global_;
Vue.prototype.axios = axios;
// Vue.use(Vueaxios, axios);

new Vue({
  render: h => h(App),
  router: router,
}).$mount('#app')